<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta name="viewport" content="width=device-width, initial-scale=0.85,minimum-scale=0.85,maximum-scale=0.85,user-scalable=no,viewport-fit=cover">
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no,email=no" name="format-detection" />
    <meta name="Keywords" content="" />
    <meta name="description" content="" />
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        * {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
        
        p {
            margin: 0;
            padding: 0;
        }
        
        .popup-overlays {
            background: rgba(0, 0, 0, 0.4);
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 990;
            text-align: center;
        }
        
        .moment-index {
            z-index: 993;
        }
        
        .prl {
            padding-left: 20px;
            padding-right: 20px;
        }
        
        .popup-body {
            width: 320px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            vertical-align: middle;
            background-color: #ffffff;
            border-radius: 16px;
            font-size: 16px;
            z-index: 991;
        }
        
        .moment-body {
            width: 320px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            vertical-align: middle;
            background-color: #ffffff;
            border-radius: 16px;
            font-size: 16px;
            z-index: 994;
        }
        
        .popup-title {
            text-align: center;
            padding-top: 15px;
            padding-bottom: 15px;
            font-weight: 700;
            font-size: 20px;
        }
        
        .popup-content {
            line-height: 26px;
            text-align: justify;
        }
        
        .popup-agree {
            display: inline;
            font-size: 14px;
            font-size: 16px;
        }
        
        .fc.blue {
            color: #3664fb;
        }
        
        .popup-btn {
            display: inline-block;
            font-size: 20px;
            text-align: center;
            width: 156px;
            height: 45px;
            line-height: 45px;
        }
        
        .popup-btn-ag {
            display: inline-block;
            font-size: 20px;
            text-align: center;
            width: 320px;
            height: 45px;
            line-height: 45px;
        }
        
        .popup-b-ab {
            border-right: 1px solid #e0e0e0;
            color: #999999;
        }
        
        .popup-b-ag {
            color: #3562FB;
        }
        
        .popup-bottom {
            width: 320px;
            height: 45px;
            border-top: 1px solid #e0e0e0;
            margin-top: 30px;
        }
        
        .moment-bottom {
            width: 320px;
            height: 45px;
            border-top: 1px solid #e0e0e0;
            margin-top: 15px;
        }
        
        .pt15 {
            padding-top: 15px;
        }
        
        @media (device-width: 375px) and (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) {
            html {
                height: 667px;
            }
        }
        /* 适配plus */
        
        @media (device-width: 414px) and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 2) {
            html {
                height: 736px;
            }
        }
        /* 适配iPhoneX */
        
        @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
            html {
                height: 812px;
            }
        }
        /* 适配iPhoneXR */
        
        @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
            html {
                height: 896px;
            }
        }
        /* 适配iPhoneXS MAX */
        
        @media only screen and (device-width: 375px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
            html {
                height: 896px;
            }
        }
    </style>
</head>

<body>
    <div class="popup-body">
        <p class="popup-title prl">温馨提示</p>
        <div class="popup-content prl" id="agmCont">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;感谢您选择使用Gear Unit。我们将按照法律法规、行业标准的规定和要求且获得您的明确授权后，使用您的个人信息，并保障您个人信息的安全可控。在您务必仔细阅读
          <div class="popup-agree" id="agmGroup">
            <p class="popup-agree popup-b-ag" onclick="handleLink(5,'隐私政策')">《隐私政策》</p>
          </div>
          的全部内容，并确保您同意并接受全部条款后在开始使用我们的产品和服务。
        </div>
        <div id="agreements" class="popup-bottom">
            <span class="popup-btn popup-b-ab" id="outBtn" onclick="dismiss('reject')">暂不使用</span>
            <span class="popup-btn popup-b-ag" onclick="dismiss('agree')">同意并继续</span>
        </div>
    </div>
    <div class="popup-overlays"></div>
    <div id="moment" style="display: none;">
        <div class="moment-body">
            <div class="popup-content prl pt15">需要同意条款后才能正常使用线上功能</div>
            <div class="moment-bottom">
                <span class="popup-btn-ag popup-b-ag" onclick="hideMoment()">我知道了</span>
            </div>
        </div>
        <div class="popup-overlays moment-index"></div>
    </div>
    <script type="text/javascript">
        function handleLink() { // 查看协议
          var startPage = "policy.vhost.light.com/index.html";
          location.href = "gmu://web?startPage=" + encodeURIComponent(startPage) + "&navBarType=1&title="+encodeURIComponent('隐私政策');
        }

        function dismiss(type) {
          if(type==="reject"){
            document.getElementById('moment').style.display = 'block';
          }
          if(type==="agree"){
            window.privacy.dismiss({});
          }
        }

        function hideMoment() {
            document.getElementById('moment').style.display = 'none'
        }
        const handle = function(event) {
            event.preventDefault();
        }
        document.body.addEventListener('touchmove', handle, false);
    </script>
</body>

</html>